Adobe XD
https://gyazo.com/a43325fb43306a111641be7bdef172f8
Adobe
が提供する
デザイン
を作成する
ソフトウェア
.
オンスクリーンメディア
での
UI
/
UX
の制作に用いられる.
Sketch
,
Figma
が競合
ツール
.
"Design at the speed of thought."を
コンセプト
としており,動作が非常に軽量で
低スペック
な
環境
や大きな
ファイル
の
編集
でも十分な
パフォーマンス
を発揮する.
機能を必要最小限とすることで,
学習コスト
を引き下げている.
QualiArts
では次のように段階分けしている.
大豆
:
デザイン
にこだわらず全ての要素を洗い出す.
豆腐
:
レイアウト
の検討や
コンポーネント
の制作を開始する.
厚揚げ
:
プロトタイプ
の精度の向上
コンポーネント
を先に用意しておく.
50種類くらいまではありそう.
Unity
への自動配置が可能.
ProtoPie
共有リンクを作成して
プロトタイプ
を
共有
することもできる.
USB
で接続した
スマートフォン
で実際に
プレビュー
することもできる.
プラグイン
によって
画像
の自動書き出しや
コンポーネント
の
レイアウト
情報を読み取ったりできる.
JavaScript
を用いる.
Adobe XD
では
ワークフロー
の中で以下のことができる.
要件定義
・
設計
(
ターゲット
策定)
(
コンテンツ
準備)
ワイヤーフレーム
の作成
デザイン製作
(
写真補正
)
UIコンポーネント
作成
UIデザイン
作成
開発
・
テスト
プロトタイプ
作成
必要な
値
の確認
(
コーディング
)
(
プログラミング
)